@charset "utf-8";

/*
 * Body
 */
body {
	margin: 0;
	padding: 0;
	width: 100%;
	/*color: #888;*/
	color: #666;
	font: normal 12px/ 1.8em Arial, Helvetica, sans-serif;
	background: url('/images/style2/page/main_bg.gif') repeat;
}

body.noscroll {
	overflow: hidden;
}

/* GENERAL ---------------------------------------------------*/
img{
	border: none;
}


.spoiler_trigger {
	margin-right: 5px;
	float: left;
	cursor: pointer;
}
.spoiler {
	display: none;
	float: left;
	background: #f2f2f2;
}


/*
 * Tag styles
 */
h1 {
	color: #666;
	font: normal 2.5em Arial, Helvetica, sans-serif;
	color: #323A3F;
}

h2 {
	font: normal 24px/ 1.5em Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #323A3F;
}

h3 {
	font: normal 18px/ 1.5em Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 0px;
	color: #323A3F;
}

p {
	margin: 8px 0;
	padding: 0 0 0px 0;
	font: normal 12px/ 1.8em Arial, Helvetica, sans-serif;
}

a {
	color: #9f5555;
	text-decoration: underline;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

/*
 * Gezamelijke class names
 */
.alternate, .even { /*background-color: #f8f8f8;*/
	background-color: #e8e8e8;
}
.highlight {
	background-color: #fedddd;
}
.selected {
	background-color: #fecccc;
}


.horizontal_line {
	border-bottom: 1px solid #eaeaea;
}

div.content_scheiding {
	height: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: no-repeat center center
		url('/images/style2/page/content_scheiding.png');
	
	/*
	width: 694px;
	height: 10px;
	margin: 20px 0px 20px -3px;
	padding: 0px;
	margin-left: -3px;
	background: url('/images/style21/page/main_bg.gif') repeat;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	*/
}

div.content_scheiding_main_only {
	height: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	background: no-repeat center center
		url('/images/style2/page/content_scheiding_main_only.png');
}

div.post_scheiding {
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: no-repeat center center
		url('/images/style2/page/post_scheiding.png');
}

.clr {
	clear: both;
}

.quote {
	width: 90%;
	margin: 10px 0px 10px 20px;
	padding: 5px;
	background-color: #EAEAEA;
	border: 1px solid #d6d6d6;
}

.emoticon {
	height: 20px;
	width: 20px;
}

/*
 * Wrapper
 */
#wrapper {
	/*background: url('/images/style2/page/content_bg.gif') repeat-y center center;*/
}

#subwrapper {
	/*background: url('/images/style2/page/header_bg.jpg') no-repeat center 64px;*/
}

/*
 * Header
 */
#header {
	background: #E67C7C;
}

#subheader {
	margin: 0 auto;
	padding: 0;
	width: 974px;
	height: 225px;
	text-align: center;
}

#header h1 {
	margin: 0px;
	padding-top: 80px;
	color: #fff;
	font: bold 52px/ 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
}

#header h1 a {
	color: #fff;
	text-decoration: none;
}

#header p.subtitle {
	margin: 0px;
	color: #fff;
	font-size: 16px;
}

/*
 * Menu
 */
#menu {
	margin: 0px auto;
	padding: 0px 3px;
	width: 964px;
	background: url('/images/style2/page/main_l_test.png') repeat-y left top,
		url('/images/style2/page/main_r_test.png') repeat-y right top;
}

#submenu {
	margin: 0 auto;
	padding: 0 0 0 40px;
	height: 69px;
	background: white;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 69px;
}

#menu ul li {
	margin: 0 12px 0 0;
	padding: 0;
	float: left;
}

#menu ul li a {
	display: block;
	margin: 0;
	padding: 25px 24px 22px;
	color: #959595;
	text-decoration: none;
	font-size: 14px;
}

#menu ul li.active a,#menu ul li a:hover {
	color: #fff;
	background: url('/images/style2/page/menu_a.gif') repeat-x left top;
}

/*
 * Pagina (onder header en menu)
 */
#page {
	
}

#subpage {
	margin: 0px auto;
	padding: 0px;
	width: 970px;
}

/*
 * Main, het linker deel van de pagina waar de content in staat
 */
#main {
	/*overflow: hidden;*/
	width: 694px;
	padding: 0px 3px 8px 3px;
	float: left;
	background: url('/images/style2/page/fbg_bg.gif') repeat-x left bottom,
		url('/images/style2/page/main_l_test.png') repeat-y left top,
		url('/images/style2/page/main_r_test.png') repeat-y right top;
}

#submain {
	margin: 0px;
	padding: 0px;
	background-color: white;
}

#main_only {
	/*overflow: hidden;*/
	width: 964px;
	padding: 0px 3px 8px 3px;
	/*float: left;*/
	background: url('/images/style2/page/fbg_bg.gif') repeat-x left bottom,
		url('/images/style2/page/main_l_test.png') repeat-y left top,
		url('/images/style2/page/main_r_test.png') repeat-y right top;
}

#submain_only {
	margin: 0px;
	padding: 0px;
	background-color: white;
}

/*
 * Content
 */
.content {
	
}

.subcontent {
	
}

.content_header {
	display: none;
}

.content_main {
	padding: 30px 0px;
	text-align: center;
}

/* De fotos boven aan de content */
.content_paga_image img {
	margin-top: -30px;
	max-width: 694px;
	/* Resize the image for IE6 */
	width: expression(this.width > 694 ? 694 : true);
}


/*
 * Pages
 */
div.pages {
	padding: 0px 40px 0px 40px;
	font-size: 11px;
	color: #959595;
}

div.pages p {
	padding: 5px 0px 15px 0px;
	text-align: right;
}

div.pages .page_count {
	float: left;
	font-size: 11px;
}

div.pages span.current_page,div.pages a:hover {
	display: inline-block;
	padding: 0px 11px;
	line-height: 28px;
	text-align: center;
	/*width: 28px;*/
	height: 28px;
	/*padding:5px 10px;*/
	color: #fff;
	background-color: #9f5555;
	border: 1px solid #9f5555;
}

div.pages a {
	display: inline-block;
	padding: 0px 11px;
	line-height: 28px;
	text-align: center;
	/*width: 28px;*/
	height: 28px;
	/*padding:5px 10px;*/
	color: #959595;
	background-color: #fff;
	border: 1px solid #edebeb;
	text-decoration: none;
}

/*
 * Sidebar
 */
#sidebar {
	margin: 0px 0px 30px 0px;
	padding: 0px 3px 8px 3px;
	width: 259px;
	float: right;
	/*border-left: 1px solid #eaeaea;*/
	background: url('/images/style2/page/fbg_bg.gif') repeat-x left bottom,
		url('/images/style2/page/main_l_test.png') repeat-y left top,
		url('/images/style2/page/main_r_test.png') repeat-y right top;
}
#sidebar.sb_on_top {
	padding: 0px 3px;
	position: absolute;
	width: 964px;
	overflow: hidden;
	float: none;
	background: url('/images/style2/page/main_l_test.png') repeat-y left top,
		url('/images/style2/page/main_r_test.png') repeat-y right top;
	z-index: 100;
}

#subsidebar {
	padding: 20px 0px;
	width: 100%;
	overflow: hidden;
	background-color: white;
}
.sb_on_top #subsidebar {
	background: url('/images/style2/page/sb_on_top_topbar.png') no-repeat center top,
		url('/images/style2/page/sb_on_top_bottom.png') repeat-x left bottom;
	background-color: #efefef;
	background-color: white;
}
.sb_focus {
	cursor: pointer;
}
.sb_hidden {
	height: 5px;
}
.sb_content {
	padding: 30px 0px 0px 20px;
}
.sb_on_top .sb_content {
	padding: 0px 10px;
	width: 290px;
	float: left;
	/*background: #f2f2f2;*/
}
/* Twitter box */
.sb_content.sb_twitter {
	padding: 30px 10px 0px 10px;
}
	.sb_content.sb_twitter h2 {
		margin-left: 10px;
	}

.sb_content:first-child {
	padding: 0px 20px 0px 20px;
}

.sb_subcontent {
	
}

.sb_content label {
	display: block;
}

.sb_content input[type="text"],.sb_content input[type="password"] {
	/*height: 24px;
	border: 1px solid #DDDDDD;*/
	margin-bottom: 15px !important;
}

.sb_content .login_button label {
	vertical-align: bottom;
}

ul.sb_menu,ul.agenda {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #959595;
}

ul.sb_menu li {
	margin: 0;
	padding: 4px 0px;
}

ul.sb_menu li a {
	color: #959595;
	text-decoration: none;
	margin-left: -12px;
	padding-left: 12px;
}

ul.sb_menu li a:hover {
	color: #9f5555;
	font-weight: bold;
	text-decoration: underline;
}

/* Agenda */
ul.agenda li {
	margin: 0;
	padding: 4px 10px 4px 22px;
}

ul.agenda li p {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
ul.agenda li p span.date {
	float: left;
	text-decoration: underline;
}
ul.agenda li p span.team {
	float: right;
	font-style: italic;
	font-size: 11px;
}

ul.agenda li.aanwezig {
	background: url('/images/icons/groen_vinkje.png') no-repeat 0px 8px;
}

ul.agenda li.afwezig {
	background: url('/images/icons/kruis.png') no-repeat 0px 8px;
}

/* Om de aanwezigen goed weer te geven ------------------------------- */
ul.agenda li.sb_agenda_content span.aanwezigen {
	display: inline-block;
	/*background: url('/images/style/page/highlight.jpg') repeat;*/
	border-bottom: 1px solid #bbb;
	border-radius: 6px;
	width: 22px;
	float: right;
	font-style: italic;
	font-size: 11px;
	text-align: center;
}
ul.agenda li.sb_agenda_aanwezigen {
	display: none;
}
ul.agenda li.sb_agenda_aanwezigen li {
	border: none;
	padding: 0px;
	list-style-type: disc;
}



/*logingedeelte*/
.sb_content label { /*color: #555;*/ /*font-weight: bold;*/
	
}

.sb_content .login_button .button {
	display: inline-block;
}

.sb_content .login_button .checkbox {
	display: inline-block;
	margin-left: 25px;
	vertical-align: -5px;
}

.sb_content .login_button label {
	display: inline;
}

.sb_content .logout_button {
	margin: 15px 0px;
}

/*
span.icon_inloggen {
	display: block;
	margin-left: 15px;
	padding-left: 10px;
	background: url('/images/icons/openen.png') no-repeat 0px 4px;
	background-size: 18px;
}
*/ /*
 * Sub footer, onder de page
 */
.fbg {
	background: url('/images/style2/page/main_bg.gif') repeat center center;
}

.subfbg {
	margin: 0 auto;
	width: 890px;
	padding: 24px 40px;
	/*background: url('/images/style21/page/fbg_bg.gif') repeat-x center top;*/
}

.fbg .col {
	margin: 0;
	float: left;
}

.fbg .col_left {
	padding: 0 16px 0 0;
	width: 266px;
}

.fbg .col_middle {
	padding: 0 16px 0 16px;
	width: 266px;
}

.fbg .col_right {
	padding: 0 0 0 16px;
	width: 266px;
}

.fbg img {
	margin: 0 4px 0 0;
	padding: 3px;
	border: 1px solid #78B2CB;
}

/*
 * Footer
 */
#footer {
	background: #fff url('/images/style2/page/footer_bg.gif') repeat-x
		center top;
}

#subfooter {
	margin: 0 auto;
	padding: 26px;
	width: 922px;
	color: #959595;
}

#footer p {
	margin: 0;
	padding: 4px 0;
}

#footer a {
	color: #959595;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer .footer_left {
	float: left;
}

#footer .footer_right {
	float: right;
}

/*
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}

.logo {
	padding:0;
	float:left;
	width:auto;
}
h1 {
	margin:0;
	padding:80px 0;
	width:970px;
	color:#fff;
	font:bold 52px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-3px;
	text-align:center;
}
h1 span {
	font-weight:normal;
}
h1 a, h1 a:hover {
	color:#fff;
	text-decoration:none;
}
h1 small {
	display:block;
	padding:0 6px 2px;
	font:normal 11px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
h2 {
	font:normal 24px/1.5em Arial, Helvetica, sans-serif;
	padding:0 0 8px;
	margin:0 0 8px;
	color:#323a3f;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
div.horizontal_line {
	border-bottom:1px solid #efefef;
}
a {
	color:#9f5555;
	text-decoration:underline;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.rm {
}
a.com {
	margin:0;
	padding:0;
	text-decoration:none;
}
#header, #content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, #content .mainbar, #content .sidebar {
	margin:0;
	padding:0;
}
#header {
}
#header .header_resize {
	margin:0 auto;
	padding:0;
	width:974px;
}

#content .content_resize {
	margin:0 auto;
	padding:16px 0 24px;
	width:970px;
}
#content .mainbar {
	margin:0;
	padding:0;
	float:left;
	width:670px;
}
#content .mainbar img {
	border:1px solid #d8dbdc;
}
#content .mainbar img.fl {
	margin:4px 16px 4px 0;
	float:left;
}
#content .mainbar .article {
	margin:0;
	padding:8px 24px 8px 40px;
}
#content .sidebar {
	padding:0;
	float:right;
	width:300px;
}
#content .sidebar .gadget {
	margin:0;
	padding:8px 16px 8px 40px;
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#959595;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li {
	padding:4px 0;
	width:220px;
}
ul.ex_menu li {
	padding:4px 0;
}
ul.sb_menu li a, ul.ex_menu li a {
	color:#959595;
	text-decoration:none;
	margin-left:-12px;
	padding-left:12px;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#9f5555;
	font-weight:bold;
}
ul.sb_menu li a:hover {
	text-decoration:underline;
}
ul.ex_menu li a:hover {
	text-decoration:none;
}
#content p.pages {
	padding:0 24px 0 40px;
	font-size:11px;
	color:#959595;
	text-align:right;
}
#content p.pages span, #content p.pages a:hover {
	padding:5px 10px;
	color:#fff;
	background-color:#9f5555;
	border:1px solid #9f5555;
}
#content p.pages a {
	padding:5px 10px;
	color:#959595;
	background-color:#fff;
	border:1px solid #edebeb;
	text-decoration:none;
}
#content p.pages small {
	font-size:11px;
	float:left;
}
span.date {
	display:block;
	float:left;
	margin:-12px 12px 0 -50px;
	padding:6px 0 21px;
	width:149px;
	width: 180px;
	text-align:center;
	font:bold 18px/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	background:url('/images/style21/page/date_bg2.png') no-repeat left top;
}
#content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
#content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
	background:url('/images/style21/page/main_bg.gif') repeat center center;
}
.fbg_resize {
	margin:0 auto;
	width:890px;
	padding:24px 40px;
	background:url('/images/style21/page/fbg_bg.gif') repeat-x center top;
}
.fbg ul li {
	padding:4px 0;
}
.fbg .c2 a, .fbg .c3 a {
	margin:0;
	padding:2px 4px;
	color:#9f5555;
	text-decoration:none;
}

.fbg ul li a {
	margin:0;
	padding:2px 4px;
	background:none;
	text-decoration:none;
}
.fbg ul li a:hover {
	text-decoration:underline;
	font-weight:normal;
}
.fbg h2 {
}
.fbg img {
	margin:0 4px 0 0;
	padding:3px;
	border:1px solid #78b2cb;
}
.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:266px;
}
.fbg .c2 {
	padding:0 16px;
	width:300px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:260px;
}
.footer {
	background:#fff url('/images/style21/page/footer_bg.gif') repeat-x center top;
}
.footer_resize {
	margin:0 auto;
	padding:26px;
	width:922px;
	color:#959595;
}
.footer p {
	margin:0;
	padding:4px 0;
}
.footer a {
	color:#959595;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
}
.footer .lf {
	float:left;
}
.footer .rf {
	float:right;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:5px 2px;
	height:16px;
	background:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:2px;
	background:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.searchform {
	float:right;
}
#formsearch {
	margin:0;
	height:36px;
	padding:10px 28px 40px 0;
}
#formsearch span {
	display:block;
	margin:6px 0;
	padding:0;
	float:left;
	background:#fff url('/images/style21/page/search.gif') no-repeat top left;
}
#formsearch input.editbox_search {
	margin:0;
	padding:11px 6px 10px;
	float:left;
	width:181px;
	border:none;
	background:none;
	font:normal 12px/1.5em Arial, Helvetica, sans-serif;
	color:#a8acb2;
}
#formsearch input.button_search {
	margin:6px 0 0 0;
	padding:0;
	border:none;
	float:left;
}
*/

/*
 * Losse iconen weergeven
 */
.succes_icon {		width: 25px; background: no-repeat center center url('/images/style2/icons/groen_vinkje.png');}
.error_icon {		width: 25px; background: no-repeat center center url('/images/style2/icons/kruis.png');}
.onbekend_icon {	width: 25px; background: no-repeat center center url('/images/style2/icons/vraagteken.png');}

/*
 * divjes om een fout weer te geven
 */
div.error,div.information,div.succes {
	display: inline-block;
	margin: 10px 0px;
	padding: 5px 10px;
	text-align: left;
}

div.succes {
	background: #e0ffe0;
	border: 1px solid green;
}

div.error {
	background: #ffe0e0;
	border: 1px solid red;
}

div.information {
	background: #e0e0ff;
	border: 1px solid blue;
}

div.succes p,div.error p,div.information p {
	display: inline-block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

div.succes p.icon,div.error p.icon,div.information p.icon {
	padding: 0px 0px 0px 25px;
}

div.succes p {
	color: green;
}

div.error p {
	color: red;
}

div.information p {
	color: blue;
}

div.succes p.icon {
	background: no-repeat center left url('/images/icons/groen_vinkje.png');
}

div.error p.icon {
	background: no-repeat center left url('/images/icons/kruis.png');
}

div.information p.icon {
	background: no-repeat center left url('/images/icons/informatie.png');
}

div.succes a,div.error a,div.information a {
	color: black;
}

/*
 * Dvijes met formules (die komen voor bij de tooltip in de statistieken)
 */
div.formule {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted gray;
}

table.formule {
	margin: 0px auto;
}

table.formule td {
	padding: 3px 5px;
}

table.formule td.deelstreep {
	border-bottom: 1px solid gray;
}

/*
 * Knoppen
 */
a.button, span.button, a.button2, span.button2 { /*margin: 0px auto;*/
	color: #333;
	display: inline-block;
	/*float: left;*/
	font: normal 12px arial, sans-serif;
	height: 28px;
	margin-right: 10px;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
}
a.button, span.button {		background: transparent url('/images/style2/buttons/button_r.png') no-repeat scroll top right;}
a.button2, span.button2 {	background: transparent url('/images/style2/buttons/button_r_3.png') no-repeat scroll top right;}

a.button span, span.button input, a.button2 span, span.button2 input {
	color: #333;
	display: block;
	line-height: 18px;
	border: none;
	cursor: pointer;
}
a.button span, span.button input {		background: transparent url('/images/style2/buttons/button_l.png') no-repeat;}
a.button2 span, span.button2 input {	background: transparent url('/images/style2/buttons/button_l_3.png') no-repeat;}

span.button input, span.button2 input {
	height: 28px;
	line-height: 18px;
}

a.button span, a.button2 span {
	padding: 5px 0 5px 12px;
}

span.button input, span.button2 input {
	padding: 5px 0 22px 12px;
	margin: 0px;
}

a.button:hover, span.button:hover {		background: url('/images/style2/buttons/button_r.png') no-repeat bottom right;}
a.button2:hover, span.button2:hover {	background: url('/images/style2/buttons/button_r_3.png') no-repeat bottom right;}

a.button:hover span, span.button:hover input {		background: url('/images/style2/buttons/button_l.png') no-repeat bottom left;}
a.button2:hover span, span.button2:hover input {	background: url('/images/style2/buttons/button_l_3.png') no-repeat bottom left;}

/*
 * Knoppen met een icon 
*/
span.button_and_icon input {
	padding-left: 32px;
}
span.button_and_icon .button_icon {
	width: 20px;
	height: 15px;
	position: relative;
	left: 10px;
	top: -22px;
	display: block;
	cursor: pointer;
}


/*
 * icons
 */
.groen_vinkje {				background: url("/images/style2/icons/groen_vinkje.png") no-repeat center center;}
.kruis {					background: url("/images/style2/icons/kruis.png") no-repeat center center;}
.aanwezigheid_onbekend {	background: url("/images/style2/icons/vraagteken.png") no-repeat center center;}



/*
 * input
 */
input[type="text"],input[type="password"] {
	background: #FAFAFA;
	border: inset 1px #E6E6E6;
	height: 24px;
	line-height: 24px;
	margin: 3px 0px;
	padding: 0px 2px 0px 2px;
	vertical-align: middle;
}


/*
 * look like a url (a tag)
 */
.link {
	color: #9f5555;
	text-decoration: underline;
	text-decoration: none;
	cursor: pointer;
}

.link:hover {
	text-decoration: underline;
}

/*
 * img.icon
 */
img.icon {
	width: 1em;
	height: 1em;
}

/*
 * Tegenstander Nmr
 */
span.tegenstanderNmr {
	color: #999;
	font-style: italic;
}